feat: integrate search and last-modified date into cloud page#247
Conversation
- Add a folder-scoped search box that calls GET /folders/search and renders results (name, type, size, modified date) with an empty-results state. - Show a Modified column in the folder listing, surfacing the lastModifiedAt the backend already returns. Closes Vault-Web#212
There was a problem hiding this comment.
Pull request overview
Adds frontend support for the Cloud Page backend enhancements by wiring folder-scoped fuzzy search and displaying lastModifiedAt timestamps in the content table.
Changes:
- Added
CloudService.searchInFolder()to callGET /folders/searchand return typed search results. - Extended Cloud Page UI/state to run searches, show search-result/empty states, and reset search on navigation/refresh.
- Added a “Modified” column to the Cloud Page table and rendered
lastModifiedAtusing the Angulardatepipe.
Reviewed changes
Copilot reviewed 5 out of 5 changed files in this pull request and generated 5 comments.
Show a summary per file
| File | Description |
|---|---|
| frontend/src/app/services/cloud.service.ts | Adds a typed service method for folder-scoped search requests. |
| frontend/src/app/pages/cloud/cloud.component.ts | Introduces search state/handlers, maps search results to table entries, and surfaces lastModifiedAt. |
| frontend/src/app/pages/cloud/cloud.component.html | Adds search input/clear UI, search-specific subtitle/empty state, and a “Modified” column. |
| frontend/src/app/pages/cloud/cloud.component.scss | Styles the new search UI in the toolbar. |
| frontend/src/app/models/dtos/SearchResultDto.ts | Introduces a DTO for search results returned by the backend. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
|
@GabrielBBaldez quick reminder to review copilots requested changes |
…rt/nav, invalidate stale requests, narrow SearchResultDto)
|
Addressed all 5 Copilot points — reset search state on sort, bump the request id to drop stale in-flight responses on root reload + navigation, restore the prior mode when a search errors, and narrowed |
DenizAltunkapan
left a comment
DenizAltunkapan
left a comment
There was a problem hiding this comment.
@GabrielBBaldez Thanks!
Wires the Cloud Page into the backend fuzzy-search endpoint and surfaces the
lastModifiedAtfield it already returns — the frontend follow-up to the search/metadata backend in Vault-Web/cloud-page#84.What's included
GET /folders/searchfor the current folder and renders the results (name, type, size, modified date), with a clear button and an empty-results state. Navigating or refreshing exits search.lastModifiedAtalready returned by/folders/content.Verification
npm run build(ng build) — green.npx prettier --check— clean on the touched files.Closes #212